<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>

        // 1. 交换变量的值
        /* let x = 5, y = 10;
        [x, y] = [y, x];
        console.log(x, y); */

        // 2. 从函数中返回多个值
       /*  function foo () {
            return [1, 2, 3];
        }
        const [a, b, c] = foo();

        function bar () {
            return {
                name: '杨家乐',
                age: 20
            }
        }
        const {name, age} = bar(); */

        // 3. 使用解构接收参数
        /* function foo ({name, age}) {
            console.log(name, age)
        }
        foo({name: '徐福康', age: 22})
        // 可以使用下面的代码解释：
        // ({name, age} = {name: '徐福康', age: 22});

        function bar ([a, b, c]) {
            console.log(a, b, c)
        }
        bar([12, 3, 4])
        // 可以使用下面的代码解释：
        // [a, b, c] = [12, 3, 4] */

        // 4. 使用解构为形参指定默认值
        function foo ({name, age = 30}) {
            console.log(name, age)
        }
        foo({name: '徐福康'})
        // 可以使用下面的代码解释：
        // ({name, age = 30} = {name: '徐福康'});

    </script>
</body>

</html>